.index {
    background-color: #f9f9f9;
    width: 375px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}


.HotMovieContainer {
    display: flex;
    flex-direction: column;

    .HotMovieContainer-title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        text {
            font-size: 18px;
            font-family: "douyin-font";
            margin: 10px;
        }
    }

    .HotMovieContainer-scroll {
        gap: 10px;
        align-items: start;

        width: 100%;
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;


    }
}

.ComeSoonMovieContainer {
    display: flex;
    flex-direction: column;

    .ComeSoonMovieContainer-title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        text {
            font-size: 18px;
            font-family: "douyin-font";
            margin: 10px;
        }
    }

    .ComeSoonMovieContainer-scroll {
        gap: 10px;
        align-items: start;
        width: 100%;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;

    }
}